Loïc Oster

CV

The Interactive Book

  • Créations graphiques Créations graphiques
  • Productions audiovisuelles Productions audiovisuelles
  • Sites WEB Sites WEB
  • Email loic.oster@orange.fr Telephone07 88 47 78 48

    Pourquoi

    J'ai choisi de créer un book interactif car j'avais l'idée depuis quelques temps de créer quelque chose de nouveau qui me permettrait de me démarquer. Allier un jeu et un portfolio était un défi que j'appréciais, car cela me permettait de montrer, à travers un seul site web, l'étendue de mes compétences en codage, en graphisme, et même en motion design grâce à l'animation de certains éléments.
    Le site est réalisé en HTML5, CSS, Javascript, avec l'utilisation de Bootstrap pour les carrousels. J'ai commencé par créer un personnage que l'utilisateur peut incarner dans le jeu, utilisant soit le pavé tactile, soit les flèches pour le diriger. J'ai également conçu des items, représentant des points à atteindre et constituant le but du jeu. Ensuite, j'ai intégré des obstacles, tels que les BarrierObstacles, qui bloqueront l'avancée du personnage, les Obstacles qui feront mourir et réinitialiseront le personnage à sa position initiale. Enfin, j'ai introduit un ennemi qui, en touchant le personnage, réinitialisera le jeu.
    L'ennemi devait avoir la capacité de se déplacer de manière autonome. Du point de vue graphique, j'ai choisi la figure du chaperon rouge et du loup, adaptée de manière amusante. Cela fait référence aux contes pour enfants que nous connaissons tous. Chacun peut ainsi se reconnaître en jouant, établissant ainsi un lien entre mon portfolio et le joueur.
    Les couleurs ont été choisies après de nombreux tests, et j'ai proposé deux thèmes, l'un sombre et l'autre clair, pour correspondre aux préférences de chacun...

    Aide

    Le CV se trouve dans la partie à gauche en cliquant sur ce lien CV aide
    Pour vous déplacer vous pouvez simplement utiliser les flèches sur votre clavier clavier aide ou, les flèches sur votre écran, en appuyanr plusieurs fois (pas de possibilité de rester appuyé sur les touches pour le moment) flèches aide
    Vous perdez et revenez au point de départ en touchant l'eau ou le loup. loup aide eau aide
    Pour naviguez sur le carousel vous pouvez utiliser ces flèches là fleche navigation aide fleche navigation aide ou les boutons en bas du carousel navigation aide
    Le bouton fermer se trouve en bas à droite fermer carousel aide
    Pour tout autre probleme n'hesitez à le signalez : loic.oster@orange.fr